<%@ page contentType="text/html;charset=GBK" pageEncoding="UTF-8" session="false" %><%@
	include file="/WEB-INF/jspf/import.jspf" %>


<!doctype HTML>
<html>
<head>
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta content="telephone=no" name="format-detection" />
<meta id="twcClient" content="false" name="twcClient" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>汽车报价_太平洋汽车网</title>
<meta name="keywords" content="汽车报价">
<meta name="description" content="太平洋汽车网为您提供最新报价信息，让您最快速查找到大众汽车最低价格。快速查询大众最新报价，就上太平洋汽车网。">
<meta name="Author" content="wangcaixia_gz none"/>
<link rel="stylesheet" type="text/css" href="http://js.3conline.com/wap/pcauto/2015/0409cyh_sx/select.css"></head>
<body id="Jlazy_img">
 <jsp:include page="/template/wap/common/counter.jspf">
            <jsp:param name="channel" value="7378" />
        </jsp:include>
<div class="g-doc">


<div id="region" style="" class="g-doc">
<div class="header-bg">
<a href="javascript:changeSelector()" class="header-back" title=""></a>
<div class="header-title"><span class="header-title-nav"><a href="javascript:void(0)" id="improveInfo">完善资料</a>  > 选城市</span></div>
</div>
<ul class="boxListA" id="select_region_letter">
<li id="select_region_hot" class="cur"><a href="javascript:selectRegionLetter('hot')">热门</a></li>
<li id="select_region_A"><a href="javascript:selectRegionLetter('A')">A</a></li>
<li id="select_region_B"><a href="javascript:selectRegionLetter('B')">B</a></li>
<li id="select_region_C"><a href="javascript:selectRegionLetter('C')">C</a></li>
<li id="select_region_D"><a href="javascript:selectRegionLetter('D')">D</a></li>
<li id="select_region_E"><a href="javascript:selectRegionLetter('E')">E</a></li>
<li id="select_region_F"><a href="javascript:selectRegionLetter('F')">F</a></li>
<li id="select_region_G"><a href="javascript:selectRegionLetter('G')">G</a></li>
<li id="select_region_H"><a href="javascript:selectRegionLetter('H')">H</a></li>
<li class="disabled"><a>I</a></li>
<li id="select_region_J"><a href="javascript:selectRegionLetter('J')">J</a></li>
<li id="select_region_K"><a href="javascript:selectRegionLetter('K')">K</a></li>
<li id="select_region_L"><a href="javascript:selectRegionLetter('L')">L</a></li>
<li id="select_region_M"><a href="javascript:selectRegionLetter('M')">M</a></li>
<li id="select_region_N"><a href="javascript:selectRegionLetter('N')">N</a></li>
<li class="disabled"><a>O</a></li>
<li id="select_region_P"><a href="javascript:selectRegionLetter('P')">P</a></li>
<li id="select_region_Q"><a href="javascript:selectRegionLetter('Q')">Q</a></li>
<li id="select_region_R"><a href="javascript:selectRegionLetter('R')">R</a></li>
<li id="select_region_S"><a href="javascript:selectRegionLetter('S')">S</a></li>
<li id="select_region_T"><a href="javascript:selectRegionLetter('T')">T</a></li>
<li class="disabled"><a>U</a></li>
<li class="disabled"><a>V</a></li>
<li id="select_region_W"><a href="javascript:selectRegionLetter('W')">W</a></li>
<li id="select_region_X"><a href="javascript:selectRegionLetter('X')">X</a></li>
<li id="select_region_Y"><a href="javascript:selectRegionLetter('Y')">Y</a></li>
<li id="select_region_Z"><a href="javascript:selectRegionLetter('Z')">Z</a></li>
</ul>
<div class="m-sectionA">
<span id="regionMark" class="m-mark">热门</span>
</div>
<ul class="boxListB" id="region_list">
  <c:if test="${!empty areas}">
  <c:forEach items="${areas}" var="area">
     <li><a onclick="selectRegion(${area.areaCode},'${area.areaName }')">${area.areaName }</a></li>
 </c:forEach>

</c:if>
</ul>
</div>
</div>
<script src="http://js.3conline.com/wap/2013/common/js/zepto.min.js"></script>
<script>
changeSelector();
function changeSelector() {
	var url =decodeURIComponent(window.location.href);
	if(url.indexOf("=") > -1){
		url = url.substring(url.indexOf("=")+1,url.length);
		$(".header-back").attr("href",url);
		$("#improveInfo").attr("href",url);
	}
}
// 选择城市首字母
function selectRegionLetter(letter) {
var url = "${WAPROOT}/area/getCityList.do";
$.ajax({type: 'GET',url: url,dataType: "json",data: {initial: letter},
             success: function (result) {
			 if (letter == 'hot') {
			  $('#regionMark').html('热门');
			 } else {
			 $('#regionMark').html(letter);
			 }
			 $('#select_region_letter').find('.cur').removeClass('cur');
			 $('#select_region_' + letter).addClass('cur');
			 var $regionList = $('#region_list');
			 var html = "";
			 result = JSON.stringify(result.data.city);
			 result = eval(result);
			 $(result).each(function () {
			    html = html + '<li><a onclick="selectRegion(' + this.areaCode + ',\'' + this.areaName +'\')">' + this.areaName + '</a></li>';
			 });
			 $regionList.html(html);
			}
});
}
//选择城市
function selectRegion(areaCode, areaName) {
$('#region_name').text(areaName);
$('#region').hide();
$('#filter').show();
var url = decodeURIComponent(window.location.href);
if(url.indexOf("=") > -1 && url.indexOf(".html") > -1){
	if(url.indexOf("-city") > -1){
		if(url.indexOf("-nb") > -1){
			url = url.substring(url.lastIndexOf("=")+1, url.indexOf("-city")) +"-city"+areaCode+ url.substring(url.lastIndexOf("-nb"), url.length);
		}else{
			url = url.substring(url.lastIndexOf("=")+1, url.indexOf("-city"))+"-city"+areaCode+".html";
		}
	}else{
		if(url.indexOf("-nb") > -1){
			url = url.substring(url.lastIndexOf("=")+1, url.indexOf("-nb")) +"-city" + areaCode + url.substring(url.lastIndexOf("-nb"), url.length);
		}else{
		    url = url.substring(url.indexOf("=")+1, url.indexOf(".html")) +"-city"+areaCode+".html";
		}
	}
}
window.location.href= url;
}
</script>

<script src="http://js.3conline.com/wap/common/wap.lazy-min.js"></script>
<script>
// 按需加载
var jsList_ = [];
var xx = Lazy.create({
    lazyId: "Jlazy_img",
    trueSrc: 'src2',
    jsList: jsList_,
    offset: 300,
    delay: 100,
    delay_tot: 1000
});
Lazy.init(xx);
</script>


</body>
</html>